<!DOCTYPE html>
<html lang="en" manifest="offline.appcache">
    <head>
        <meta charset="utf-8">
        <title>FastReport Designer beta</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
        <meta name="theme-color" content="#2B579A"/>
        <meta name="version" content="0.2.0"/>

        <link rel="shortcut icon" href="/favicon.ico"/>

        <link rel="stylesheet" href="styles/main.css"/>
    </head>

    <body>
        <div class="fr-designer">
            <div class="preload-blanket">
                <div class="preload-blanket-cntr">
                    <span class="sp-h">FastReport Designer beta</span>

                    <span class="sp-l sp-l-1"></span>
                    <span class="sp-l sp-l-2"></span>
                    <span class="sp-l sp-l-3"></span>
                    <span class="sp-l sp-l-4"></span>
                    <span class="sp-l sp-l-5"></span>
                    <span class="sp-l sp-l-6"></span>
                </div>
            </div>

            <!--[if lt IE 10]>
                <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
            <![endif]-->

            <script src="scripts/vendors.js"></script>

            <script src="scripts/config-data.js"></script>

            <script>
                define('initialized', ['jquery', 'utils', 'config'], function($, utils, config) {
                    return function(app) {
                        var uuid = utils.getUrlParameter('uuid'),
                            url;

                        // поиск отчета на сервере (по указанному uuid) и открытие
                        if (uuid) {
                            url = config.get('getReportByUUIDFrom') + uuid;
                            app.openReportByURL(url).done(function(report) {
                                report._id = uuid;
                                console.info('report was opened');
                            });
                        // открытие дефолтного отчета
                        } else {
                            app.createStandardReport().done(function() {
                                console.info('report was created');
                            });
                        }

                        console.info('system initialised');
                    };
                });
            </script>

            <script src="scripts/main.js"></script>

            <script id="code" type="text/x-jsrender"><div class=code-container> <textarea id=code-editor>
using System;
using System.Collections;
using System.Collections.Generic;
using System.ComponentModel;
using System.Windows.Forms;
using System.Drawing;
using System.Data;
using FastReport;
using FastReport.Data;
using FastReport.Dialog;
using FastReport.Barcode;
using FastReport.Table;
using FastReport.Utils;

namespace FastReport
{
    public class ReportScript
    {
        &nbsp;
    }
};
    </textarea> </div></script><script id="info" type="text/x-jsrender"><div> <div class=switcher> <div> {{for allPages}} <a data-page={{:_id}} {{if isCode() && isRestricted()}}disabled=disabled{{/if}} class="btn btn-primary btn-xs show-page {{if !attr('isHidden')}}btn-active{{/if}}"> <div class="{{>attr('icon') || icon}}"></div> <span>{{>prop('Name')}}</span> </a> {{/for}} </div> </div> <div class=selected-band> <span> {{if band}} {{:band}} {{/if}} </span> </div> <div class=selected-component> <span> {{if component}} {{:component}} {{/if}} </span> </div> <div class=amount-selected-components> {{if amount}} <span> {{:~trans("Amount selected:")}} </span> <span> {{:amount}} </span> {{/if}} </div> <div class=scale-page> <a class=d-ic> <span class=scale-minus>-</span> </a> {{if scaleValue}} <input type=range class="d-ic d-icr" value="{{>scaleValue}}" min=0.1 max=2 step="0.1"> {{/if}} <a class=d-ic> <span class=scale-plus>+</span> </a> </div> </div></script><script id="loader" type="text/x-jsrender"><div id=floatingCirclesG> <div class=f_circleG id=frotateG_01> </div> <div class=f_circleG id=frotateG_02> </div> <div class=f_circleG id=frotateG_03> </div> <div class=f_circleG id=frotateG_04> </div> <div class=f_circleG id=frotateG_05> </div> <div class=f_circleG id=frotateG_06> </div> <div class=f_circleG id=frotateG_07> </div> <div class=f_circleG id=frotateG_08> </div> </div></script><script id="modal-tabs" type="text/x-jsrender"><div> {{setvar "tabs" ~getFields(tabs)/}} <ul class=modal-tabs> {{for ~getvar("tabs")}} <li class="modal-tabs-item {{if #index === 0}}active{{/if}}" data-block=modal-content-{{:key}}> <a>{{>~trans(value)}}</a> </li> {{/for}} </ul> <div class=modal-tabs-content> {{for ~getvar("tabs")}} <div class="modal-content-item modal-content-{{:key}} {{if #index === 0}}active{{/if}}"></div> {{/for}} </div> </div></script><script id="modal" type="text/x-jsrender"><div class="lock_window popup"> <div class="modal fade modal-transform"> <div class=modal-dialog> <div class=modal-header> <button type=button class=close data-dismiss=modal> <span aria-hidden=true>×</span> </button> <h4 class=modal-title>{{>~trans(title)}}</h4> </div> <div class=modal-content></div> </div> </div> </div></script><script id="bands/data-band-sort-tab" type="text/x-jsrender"><div> <div> <span>{{>~trans("Sort by")}}</span> <div class="form-group sort-expr"> <div class=fg-body> <input type=text class="d-fc d-fc-exp-input" {{if Sort[0]}}value={{:Sort[0].Expression}}{{/if}}> <input type=button value=... class=d-fc-exp-but> </div> </div> <div class="form-group sort-dir"> <input type=radio name=Sort0 value=Ascending {{if !Sort[0] || !Sort[0].Descending}}checked=checked{{/if}}>Ascending<br> <input type=radio name=Sort0 value=Descending {{if Sort[0] && Sort[0].Descending}}checked=checked{{/if}}>Descending </div> </div> <hr> <div> <span>{{>~trans("Then by")}}</span> <div class="form-group sort-expr"> <div class=fg-body> <input type=text class="d-fc d-fc-exp-input" {{if Sort[1]}}value={{:Sort[1].Expression}}{{/if}}> <input type=button value=... class=d-fc-exp-but> </div> </div> <div class="form-group sort-dir"> <input type=radio name=Sort1 value=Ascending {{if !Sort[1] || !Sort[1].Descending}}checked=checked{{/if}}>Ascending<br> <input type=radio name=Sort1 value=Descending {{if Sort[1] && Sort[1].Descending}}checked=checked{{/if}}>Descending </div> </div> <hr> <div> <span>{{>~trans("Then by")}}</span> <div class="form-group sort-expr"> <div class=fg-body> <input type=text class="d-fc d-fc-exp-input" {{if Sort[2]}}value={{:Sort[2].Expression}}{{/if}}> <input type=button value=... class=d-fc-exp-but> </div> </div> <div class="form-group sort-dir"> <input type=radio name=Sort2 value=Ascending {{if !Sort[2] || !Sort[2].Descending}}checked=checked{{/if}}>Ascending<br> <input type=radio name=Sort2 value=Descending {{if Sort[2] && Sort[2].Descending}}checked=checked{{/if}}>Descending </div> </div> </div></script><script id="bands/edit-data-band" type="text/x-jsrender"><div> <div class="modal-body edit-band"></div> <div class="modal-footer content-right"> <button type=button class="btn btn-primary edit-db"> {{:~trans("Ok")}} </button> </div> </div></script><script id="bands/edit-group-header-band" type="text/x-jsrender"><div> <div class="modal-body edit-band"> <div class=ghb-content> <div class=ghb-condition> <span>{{>~trans("Condition")}}</span> </div> <div class=ghb-sort> <span>{{>~trans("Sort order")}}</span> </div> </div> </div> <div class="modal-footer content-right"> <button type=button class="btn btn-primary edit-ghb"> {{:~trans("Ok")}} </button> </div> </div></script><script id="components/edit-picture" type="text/x-jsrender"><div> <div class="modal-body edit-picture"></div> <div class="modal-footer content-right"> <button type=button class="btn btn-primary edit-pic"> {{:~trans("Ok")}} </button> </div> </div></script><script id="expression/index" type="text/x-jsrender"><div> <div class=modal-body> <div class=expr-body> <textarea>{{>data}}</textarea> </div> <div class=expr-menu></div> </div> <div class="modal-footer content-right"> <button type=button disabled=disabled class="btn btn-primary add-to-expr"> {{:~trans("Add")}} </button> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <button type=button class="btn btn-primary edit-expr"> {{:~trans("Ok")}} </button> </div> </div></script><script id="toolbar/bands-tab" type="text/x-jsrender"><div class=tab-pane data-tab=bands> <ul class=tab-pane-body> <li class=group> <div class=container> <div class=group-body> {{if data && sortOrder}} <div class="group-body-subcontainer d-horizontal"> {{for ~getFields(sortOrder) ~data=data}} {{if ~data[value]}} <a class="d-mc d-lib d-wb" data-info="{{>~trans(~data[value].info)}}" data-band="{{>~data[value].title}}"> <div class="{{>~data[value].icon}}"></div> <span>{{:~trans(~data[value].title)}}</span> </a> {{/if}} {{/for}} </div> {{/if}} </div> <div class=group-label> {{:~trans("Bands")}} </div> </div> </li> </ul> </div></script><script id="toolbar/components-tab" type="text/x-jsrender"><div class=tab-pane data-tab=components> <ul class=tab-pane-body> <li class=group> <div class=container> <div class=group-body> {{if data && sortOrder}} <div class="group-body-subcontainer d-horizontal"> {{for ~getFields(sortOrder) ~data=data}} {{if ~data[value] && !~data[value].disabled}} <a class="d-mc d-lib d-wb" data-info="{{>~data[value].info}}" data-component="{{>value}}"> <div class="{{>~data[value].icon}}"></div> <span class=component-title>{{:~trans(~data[value].title)}}</span> <div class=aqw></div> </a> {{/if}} {{/for}} </div> {{/if}} </div> <div class=group-label> {{:~trans("Components")}} </div> </div> </li> </ul> </div></script><script id="toolbar/helper" type="text/x-jsrender"><div class=d-helper> <h3>{{:~trans("Hotkeys")}}</h3> <ul> <li> <strong>Esc</strong> - {{:~trans("Remove all popups")}} </li> <li> <strong>Del</strong> - {{:~trans("Delete selected components or band")}} </li> <li> <strong>Ctrl + A</strong> - {{:~trans("Select all components on the page")}} </li> <li> <strong>Ctrl + C</strong> - {{:~trans("Copy selected components")}} </li> <li> <strong>Ctrl + X</strong> - {{:~trans("Cut selected components")}} </li> <li> <strong>Ctrl + V</strong> - {{:~trans("Paste the copied component")}} </li> <li> <strong>Ctrl + Z</strong> - {{:~trans("Undo")}} </li> <li> <strong>Ctrl + Y</strong> - {{:~trans("Redo")}} </li> <li> <strong>&lt;left&gt;</strong> - {{:~trans("Move selected components left")}} </li> <li> <strong>&lt;right&gt;</strong> - {{:~trans("Move selected components right")}} </li> <li> <strong>&lt;up&gt;</strong> - {{:~trans("Move selected components up")}} </li> <li> <strong>&lt;down&gt;</strong> - {{:~trans("Move selected components down")}} </li> <li> <strong>Ctrl + &lt;left&gt;</strong> - {{:~trans("Move selected components left on 1px")}} </li> <li> <strong>Ctrl + &lt;right&gt;</strong> - {{:~trans("Move selected components right on 1px")}} </li> <li> <strong>Ctrl + &lt;up&gt;</strong> - {{:~trans("Move selected components up on 1px")}} </li> <li> <strong>Ctrl + &lt;down&gt;</strong> - {{:~trans("Move selected components down on 1px")}} </li> <li> <strong>Ctrl + S</strong> - {{:~trans("Save current report")}} </li> <li> <strong>Ctrl + P</strong> - {{:~trans("Preview current report")}} </li> </ul> </div></script><script id="toolbar/home-tab" type="text/x-jsrender"><div class="tab-pane active" data-tab=home> <ul class=tab-pane-body>  <li class=group> <div class=container> <div class=group-body> <div class="group-body-subcontainer d-two-lines d-vertical"> <a class="d-mc menu-undo d-sb d-wb"> <div class=icon-008></div> </a> <a class="d-mc menu-redo d-sb d-wb"> <div class=icon-009></div> </a> </div> </div> <div class=group-label> {{:~trans("Undo")}} </div> </div> <div class=separator></div> </li>  <li class=group> <div class=container> <div class=group-body> <div class="group-body-subcontainer d-one-line d-vertical"> <a class="d-mc menu-past d-lb d-wb"> <div class=icon-007></div> <span>{{>~trans("Past")}}</span> </a> </div> <div class="group-body-subcontainer d-three-lines d-vertical"> <a class="d-mc menu-copy d-sb d-wb"> <div class="icon-006 pull-left"></div> <span>{{>~trans("Copy")}}</span> </a> <a class="d-mc menu-cut d-sb d-wb"> <div class="icon-005 pull-left"></div> <span>{{>~trans("Cut")}}</span> </a> <a class="d-mc menu-remove d-sb d-wb"> <div class="icon-012 pull-left"></div> <span>{{>~trans("Delete")}}</span> </a> </div> </div> <div class=group-label> {{:~trans("Clipboard")}} </div> </div> <div class=separator></div> </li>  <li class=group> <div class=container> <div class=group-body> <div class="group-body-subcontainer d-one-line d-horizontal"> <select class="d-mc menu-font-name d-sb" data-info="Font family"> {{for ~getFields(~getConfig().get('font-names'))}} <option value="{{>value}}">{{>value}}</option> {{/for}} </select> </div> <div class="group-body-subcontainer d-one-line d-horizontal"> <a class="d-mc menu-font-bold d-sb d-wb pull-left"> <div class=icon-020></div> </a> <a class="d-mc menu-font-italic d-sb d-wb pull-left"> <div class=icon-021></div> </a> <a class="d-mc menu-font-underline d-sb d-wb pull-left"> <div class=icon-022></div> </a> <a class="d-mc menu-font-strikeout d-sb d-wb pull-left"> <div class="icon-strikeout icon-16by16"></div> </a> <select class="d-mc menu-font-width d-sb" data-info="Font width"> <option value=8pt>8</option> <option value=9pt>9</option> <option value=10pt>10</option> <option value=11pt>11</option> <option value=12pt>12</option> <option value=14pt>14</option> <option value=16pt>16</option> <option value=18pt>18</option> <option value=20pt>20</option> <option value=22pt>22</option> <option value=24pt>24</option> <option value=26pt>26</option> <option value=28pt>28</option> <option value=30pt>30</option> <option value=34pt>34</option> <option value=36pt>36</option> <option value=40pt>40</option> <option value=48pt>48</option> <option value=56pt>56</option> <option value=72pt>72</option> </select> </div> </div> <div class=group-label> {{:~trans("Font")}} </div> </div> <div class=separator></div> </li>  <li class=group> <div class=container> <div class=group-body> <div class="group-body-subcontainer d-one-line d-horizontal"> <a class="d-mc menu-text-fill d-sb d-wb" data-info="Text fill color"> <div class=icon-023></div> </a> <a class="d-mc menu-vert-align-top d-sb d-wb"> <div class=icon-029></div> </a> <a class="d-mc menu-vert-align-center d-sb d-wb"> <div class=icon-030></div> </a> <a class="d-mc menu-vert-align-bottom d-sb d-wb"> <div class=icon-031></div> </a> </div> <div class="group-body-subcontainer d-one-line d-horizontal"> <a class="d-mc menu-horz-align-left d-sb d-wb"> <div class=icon-025></div> </a> <a class="d-mc menu-horz-align-center d-sb d-wb"> <div class=icon-026></div> </a> <a class="d-mc menu-horz-align-right d-sb d-wb"> <div class=icon-027></div> </a> <a class="d-mc menu-horz-align-justify d-sb d-wb"> <div class=icon-028></div> </a> </div> </div> <div class=group-label> {{:~trans("Alignment")}} </div> </div> <div class=separator></div> </li>  <li class=group> <div class=container> <div class=group-body> <div class="group-body-subcontainer d-one-line d-horizontal"> <a class="d-mc menu-border-all d-sb d-wb"> <div class=icon-036></div> </a> <a class="d-mc menu-border-none d-sb d-wb"> <div class=icon-037></div> </a> <a class="d-mc menu-border-left d-sb d-wb"> <div class=icon-034></div> </a> <a class="d-mc menu-border-top d-sb d-wb"> <div class=icon-032></div> </a> <a class="d-mc menu-border-right d-sb d-wb"> <div class=icon-035></div> </a> <a class="d-mc menu-border-bottom d-sb d-wb"> <div class=icon-033></div> </a> </div> <div class="group-body-subcontainer d-one-line d-horizontal"> <a class="d-mc menu-fill-color d-sb d-wb pull-left" data-info="Fill color"> <div class=icon-038></div> </a> <a class="d-mc menu-border-color d-sb d-wb pull-left" data-info="Border color"> <div class=icon-039></div> </a> <select class="d-mc menu-border-style d-sb" data-info="Border style"> {{for ~getFields(~getConfig().get('dasharrays'))}} <option value="{{>key}}">{{>key}}</option> {{/for}} </select> <select class="d-mc menu-border-width d-sb" data-info="Border width"> <option value=1>1</option> <option value=2>2</option> <option value=3>3</option> <option value=4>4</option> <option value=5>5</option> <option value=6>6</option> <option value=7>7</option> <option value=8>8</option> <option value=9>9</option> <option value=10>10</option> <option value=11>11</option> <option value=12>12</option> </select> </div> </div> <div class=group-label> {{:~trans("Borders")}} </div> </div> <div class=separator></div> </li> <li class=group> <div class=container> <div class=group-body> <div class="group-body-subcontainer d-two-lines d-vertical"> <a class="d-mc menu-bring-to-front d-sb d-wb" data-info="{{:~trans('bring to front')}}"> <div class=icon-014></div> </a> <a class="d-mc menu-send-to-back d-sb d-wb" data-info="{{:~trans('send to back')}}"> <div class=icon-015></div> </a> </div> </div> <div class=group-label> &nbsp; </div> </div> <div class=separator></div> </li>  <li class="group d-extra" style=display:none> <div class=container> <div class=group-body> <div class="group-body-subcontainer d-one-line d-horizontal"></div> <div class="group-body-subcontainer d-one-line d-horizontal"></div> </div> <div class=group-label> {{:~trans("Extra")}} </div> </div> <div class=separator></div> </li> </ul> </div></script><script id="toolbar/preview" type="text/x-jsrender"><div class=modal-body> {{:report}} </div></script><script id="toolbar/report-tab" type="text/x-jsrender"><div class=tab-pane data-tab=report> <ul class=tab-pane-body> <li class=group> <div class=container> <div class=group-body> <div class="group-body-subcontainer d-one-line d-vertical"> <a class="d-mc menu-preview d-lb d-wb"> <div class=icon-report></div> <span>{{>~trans("Report preview")}}</span> </a> </div> <div class="group-body-subcontainer d-one-line d-vertical"> <a class="d-mc menu-save d-lb d-wb"> <div class=icon-002></div> <span>{{>~trans("Save")}}</span> </a> </div> </div> <div class=group-label> {{:~trans("Report")}} </div> </div> <div class=separator></div> </li> <li class=group> <div class=container> <div class=group-body> {{if ~getModule('baseControl')}} <div class="group-body-subcontainer d-vertical d-three-lines"> <a class="d-mc menu-new-report-page d-sb d-wb"> <div class="icon-010 pull-left"></div> <span>{{>~trans("New Report Page")}}</span> </a> <a class="d-mc menu-new-dialog d-sb d-wb"> <div class="icon-011 pull-left"></div> <span>{{>~trans("New Dialog")}}</span> </a> <a class="d-mc menu-delete-page d-sb d-wb"> <div class="icon-012 pull-left"></div> <span>{{>~trans("Delete page")}}</span> </a> </div> {{else}} <div class="group-body-subcontainer d-vertical d-two-lines"> <a class="d-mc menu-new-report-page d-sb d-wb"> <div class="icon-010 pull-left"></div> <span>{{>~trans("New Report Page")}}</span> </a> <a class="d-mc menu-delete-page d-sb d-wb"> <div class="icon-012 pull-left"></div> <span>{{>~trans("Delete page")}}</span> </a> </div> {{/if}} </div> <div class=group-label> {{:~trans("Pages")}} </div> </div> <div class=separator></div> </li> </ul> </div></script><script id="toolbar/toolbar" type="text/x-jsrender"><div class=topbar>        <ul class="nav nav-tabs"> <li class="m-item active"> <a class=d-tab data-tab=home> <span>{{:~trans("Home")}}</span> </a> </li> <li class=m-item> <a class=d-tab data-tab=report> <span>{{:~trans("Report")}}</span> </a> </li> <li class=m-item> <a class=d-tab data-tab=view> <span>{{:~trans("View")}}</span> </a> </li> <li class=m-item> <a class=d-tab data-tab=components> <span>{{:~trans("Components")}}</span> </a> </li> <li class=m-item> <a class=d-tab data-tab=bands> <span>{{:~trans("Bands")}}</span> </a> </li> <li class=pull-right> <span class=navbar-brand>{{:~trans("HTML5 Designer")}}</span> </li> </ul> </div> <div class=tab-content> <div class=tabs-container></div> <a class="hide-menu d-wb"> <span>^</span> </a> <a class="show-helper d-wb"> <span>?</span> </a> </div></script><script id="toolbar/view-tab" type="text/x-jsrender"><div class=tab-pane data-tab=view> <ul class=tab-pane-body> <li class=group> <div class=container> <div class=group-body> <div class="group-body-subcontainer d-one-line d-vertical"> <a class="d-mc menu-grid d-lb d-wb" data-info=Grid> <div class=icon-ViewGridlines></div> <span>{{>~trans("Grid")}}</span> </a> </div> <div class="group-body-subcontainer d-two-lines d-vertical"> <select class="d-mc menu-units d-sb" data-info=Units> {{if units}} {{for ~getFields(units)}} <option value={{:key}}>{{>value}}</option> {{/for}} {{/if}} </select> <input class="d-mc menu-snap-size d-sb" min=0 step=0.1 type=number data-info="Snap size"> </div> </div> <div class=group-label> {{:~trans("View")}} </div> </div> <div class=separator></div> </li> </ul> </div></script>
        </div>
    </body>
</html>
